<template>
  <div>
    <p @click="addA">A:{{getA()}}</p>
    <p @click="addB">computed B:{{B}}</p>
    <p @click="addC">getC{{getC()}}</p>
  </div>
</template>

<script>
export default {
  name: 'test',
  data(){
    return {
      a:0,
      b:1,
      c:1
    }
  },
  computed:{
    B(){
      return this.getB();
    }
  },
  methods:{
    getA(){
      return this.a;
    },
    getB(){
      return this.b;
    },
    getC(){
      return this.c+this.getB();
    },
    addA(){
      this.a+=1;
    },
    addB(){
      this.b+=1;
    },
    addC(){
      this.c+=1
    }
  }
}
</script>

<style scoped>

</style>
